<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery</title>
<link href="../Resource/css/customtab.css" rel="stylesheet" type="text/css" />
<link href="../Resource/css/styleDetail.css" rel="stylesheet" type="text/css" />

<script src="../Resource/js/jquery-1.6.4.js" type="text/javascript"></script>
<script src="../Resource/js/jquery.ui.core.js" type="text/javascript"></script>
<script src="../Resource/js/jquery.ui.widget.js" type="text/javascript"></script>
<script src="../Resource/js/jquery.ui.tabs.js" type="text/javascript"></script>

<script type="text/javascript">
		(function($){
			$('#myTabs').tabs();
			$('.content a').click(function(){
				return false;
			});
		})(jQuery);
</script>


	<script type="text/javascript" src="../Resource/js/jquery.scrollTo-min.js"></script>
	<script type="text/javascript" src="../Resource/js/jquery.scrollShow.js"></script>	
	<script type="text/javascript">
	jQuery(function( $ ){
		//borrowed from jQuery easing plugin
		//http://gsgd.co.uk/sandbox/jquery.easing.php
		$.easing.backout = function(x, t, b, c, d){
			var s=1.70158;
			return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
		};
		
		$('#screen').scrollShow({
			view:'#view',
			content:'#images',
			easing:'backout',
			wrappers:'link,crop',
			navigators:'a[id]',
			navigationMode:'sr',
			circular:true,
			start:0
		});
	 });
	</script>
	
	
</head>

<body>
	<?php include("../Model/Connection.php");?>
	 <?php 
        	if(isset($_GET['ID'])){
        		
        		$id = $_GET['ID'];
        ?>
	<div id="wrapper">
    	<div id="myTabs">
    	
        <ul class="tabs">
        	<li><a href="#a">Giới Thiệu</a></li>
            <li><a href="#b">Đặc Tính Ứng Dụng</a></li>
            <li><a href="#c">Ý Kiến Người Dùng</a></li>
        </ul>
        
       
        <?php include("tab_introduction.php"); ?>
        
    
        <?php include("tab_description.php"); ?>
        <div id="c" class="content">
            <ul>  
                <li><a href="">Từ PSD sang HTML (phần 4/5)</a></li>  
                <li><a href="">Giao diện với CSS – Phần 1</a></li>  
                <li><a href="">Flyout Menu với CSS</a></li>  
                <li><a href="">Công cụ để làm web </a></li>  
                <li><a href="">Phần 1: Chuyển PSD thành xHTML</a></li>  
                <li><a href="">Dropdown Menu với CSS </a></li>
                <li><a href="">Tạo trang web đầu tiên </a></li>
            </ul>  
        </div>
        </div><!--End myTabs-->
        
        
        
        
    </div><!--End wrapper-->
	<?php 
        	}else{
        		echo "Error";
        	}
	?>
    <script type="text/javascript">
		(function($){
			$('#myTabs').tabs();
			$('.content a').click(function(){
				return false;
			});
		})(jQuery);
	</script>
</body>
</html>
